<template>
    <div class="bottom">
        <div class="content">
            <div class="left">
                    <p class="ad">沈IPxxxxxxx</p>
                    <p class="phone">电话 185XXXXXXXXXX</p>
            </div>
            <div class="right">
                    <span>联系我们</span>
                    <span>合作伙伴</span>
                    <span>用户协议</span>
                    <span>隐私协议</span>
            </div>  
        </div>
    </div>
</template>
<script setup lang="ts">
</script>
<style scoped lang="scss">
    .bottom{
        width: 100%;
        height: 50px;
        background-color: #f0f2f5;
        display: flex;
        justify-content: center;
        .content{
            // border: 1px solid red;
            width: 1200px;
            height: 100%;
            // background-color: aqua;
            display: flex;
            justify-content: space-between;
            .right {
                // border: 1px solid yellow;
                display: flex;
                align-items: center;
                span{
                    margin-left: 10px;
                    font-size: 12px;
                    color: darkgray;
                    font-weight: bold;
                }
            }
            .left{
                // border:1px solid blue;
                display: flex;
                align-items: center;
                font-size: 12px;
                color: darkgray;
                font-weight: bold;
                .ad{
                    margin-right: 25px; 
                }
            }
        }
    }
</style>